<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>09.jquery的ajax02</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.2.4/jquery.js"></script>
</head>

<body>

    <button id="btnNode">发送ajax</button>


    <script>
        btnNode.onclick = function () {
            /*
            url: 发送请求的地址
            success: 成功之后的回调函数
            type: 请求方式 默认get
            data: 请求参数
            dataType: 响应数据的类型  默认服务器的响应类型
            async: 是否异步
               true 表示异步
               false 表示同步
            headers: 将数据放到请求头中
            contentType: 修改ajax的请求头
               请求参数是 key = value    application/x-www-form-urlencoded
               请求参数是 {}的json字符串  application/json
            注意： 以上ajax你可以选择性的配置 因为好多属性都有默认值
                   url 和 success 是必要的
            */
             /*
              关于post 请求  传参方式有两种
                1. 默认的形式 以key = value的形式传递   设置请求头类型是 application/x-www-form-urlencoded
                2. 请求参数是 {} json的格式  设置请求头类型是 application/json
             */
            // http://127.0.0.1:5500/day09/09.jquery%E7%9A%84ajax02.html
            $.ajax({
                url: "https://httpbin.org/post", // 请求大的地址
                type: "post", // 请求方式
                data: {  // 请求参数
                    username: "小明",
                    password: "123456"
                },
                // contentType:"application/x-www-form-urlencoded",
                // // contentType:"application/json",
                // headers:{
                //     a:"xxxxx"
                // },
                dataType: "json",  // 响应类型是字符串
                success: function (data) {
                    console.log(data);

                }
            })

            //192.168.0.9  122.114.0.90
            // $.ajax({
            //     url: "http://www.phonegap100.com/appapi.php", // 请求大的地址
            //     type: "get", // 请求方式
            //     data: { // a=getPortalList&catid=20&page=1
            //         a: "getPortalList",
            //         catid: 20,
            //         page: 1
            //     },
            //     dataType: "json",
            //     async:false,
            //     success: function (data) {
            //         console.log(data);

            //     }
            // })

            // $.ajax({
            //     url: "./server/data.json", // 请求大的地址
            //     type: "get", // 请求方式
            //     data: {},
            //     dataType: "json",
            //     success: function (data) {
            //         console.log(data);

            //     }
            // })

      


        }
    </script>

</body>

</html>